{% extends "AcmeDemoBundle::award.html.twig" %} {% block javascript %}

<link rel="stylesheet" type="text/css"
    href="{{ asset('bundles/acmedemo/css/default/easyui.css') }}" />
<link rel="stylesheet" type="text/css"
    href="{{ asset('bundles/acmedemo/css/icon.css') }}" />
<script type="text/javascript"
    src="{{ asset('bundles/acmedemo/js/jquery.easyui.min.js') }}"></script>
<script type="text/javascript">
	$(function(){
		$("#thang").val({{monthNow}});
		$("#nam").val({{yearNow}});
		luu
	});
	function loadGird(){
		var myData = $('#dg').datagrid('getData');
		var thang = $("#thang").val();
		var nam = $("#nam").val();
		$('#dg').datagrid('load',{  
            type: "1",
            nam: nam,
            thang: thang,
            data: JSON.stringify(myData)
        });  
   }
   function tinhLuong(){  
       loadGird();
   }  
   function doSearch(){ 
	   var phongban = $("#phongban").val();
	   $('#dg').datagrid('load',{  
           type: "0",
           phongban: phongban
       });  
   } 
   function luu(){
	   var myData = $('#dg').datagrid('getData');
       var thang = $("#thang").val();
       var nam = $("#nam").val();
       url = "{{ path('acme_tinhluong_luu') }}";
       $.ajax({
    	   dataType: "json",
    	   url: url,
    	   data: {myData:myData,thang:thang,nam:nam},
    	   success: function (msg) {
    	         if (msg) {
    	             alert("Somebody" + name + " was added in list !");
    	             location.reload(true);
    	          }
    	          else {
    	             alert("Cannot add to list !");
    	          }
    	 }
    });
   }
  
</script>

{% endblock %} {% block content %}

<div class="grid_16" id="content">
<form id="form" method="post">
	<div class="grid_9">
		<h1 class="report">Tính lương</h1>
	</div>
	
	<div class="grid_16">
		
			<table width="100%">
				<tr>
					<td width="30%">Phòng ban <br/>
					<select id="phongban" name="phongban">
							 {% for phongban in lstphongban %}
							
							 <option value="{{phongban.id}}">{{phongban.ten}}</option>
							
							 {% endfor %} </select></td>

					<td> <br/><a  onclick="doSearch()"
                        class="button_grey_round"> <span>Search</span>
                    </a></td>
				</tr>
				
			</table>
		
	</div>
<hr style="color: #999999">
<div class="grid_16">
    <h2>Tính bảng lương tháng {{monthNow}} năm {{yearNow}}</h2>
</div>
<div class="grid_16">
	<table>
	   <tr>
	       <td>
	           Tháng
	       </td>
	       <td>
                <select id="thang" name="thang">
                    <option value="1">Tháng 1</option>
                    <option value="2">Tháng 2</option>
                    <option value="3">Tháng 3</option>
                    <option value="4">Tháng 4</option>
                    <option value="5">Tháng 5</option>
                    <option value="6">Tháng 6</option>
                    <option value="7">Tháng 7</option>
                    <option value="8">Tháng 8</option>
                    <option value="9">Tháng 9</option>
                    <option value="10">Tháng 10</option>
                    <option value="11">Tháng 11</option>
                    <option value="12">Tháng 12</option>
                </select>
           </td>
           <td>
               Năm
           </td>
           <td>
                <input type="text" id="nam" name="nam" class="smallInput">
           </td>
	   </tr>
	      
	</table>
</div>
<div class="grid_16">
<h3 >Lương cơ bản: {{luongcoban}} . Lương CV cơ bản:{{luongcvcoban}}  . Lương bảo hiểm:{{luongbaohiem}} </h3>
</div>
	<div class="grid_16">
		<table id="dg" class="easyui-datagrid" title="Danh sách nhân viên"
                style="width: 900px" rownumbers="true"
                data-options="rownumbers:true,
                singleSelect:true,
                url:'{{ path('acme_tinhluong_danhsach_json') }}',
                iconCls: 'icon-edit',
                toolbar: '#tb',
                onClickRow: onClickRow">
                <thead data-options="frozen:true">
                    <tr>
                        <th data-options="field:'hoten',width:200">Họ tên</th>
                    </tr>
                </thead>
                <thead>
                    <tr>
                        <th data-options="field:'mucluong',width:80">Mức lương</th>
                        <th data-options="field:'chucvu',width:80">Chức vụ</th>
                        <th data-options="field:'mucphucap',width:80">Mức phụ cấp</th>
                        <th data-options="field:'tienphucap',width:150">Tiền phụ cấp</th>
                        <th data-options="field:'ngaycong',width:80">Ngày công</th>
                        <th data-options="field:'tienluongcoban',width:150">Tiền lương cơ bản</th>
                        <th data-options="field:'hesoluongcongviec',width:80">Hệ số lương cv</th>
                        <th data-options="field:'tienluongcongviec',width:80">Tiền lương cv</th>
                        <th data-options="field:'luongkhuyenkhich',width:80,editor:{type:'numberbox',options:{precision:0}}">Lương khuyến khích</th>
                        <th data-options="field:'ngaynghi',width:80,editor:{type:'numberbox',options:{precision:0}}">Ngày nghỉ</th>
                        <th data-options="field:'tinhbaohiem',width:80">Tính bảo hiểm</th>
                        <th data-options="field:'tinhantrua',width:80">Tính ăn trưa</th>
                        <th data-options="field:'lg',width:80">Phần trăm Lg</th>
                        <th data-options="field:'thuclanh',width:150">Lương trước thuế</th>
                        <th data-options="field:'giamtrugiacanh',width:150">Giảm trừ gia cảnh</th>
                        <th data-options="field:'luongsauthue',width:150">Lương sau thuế</th>
                        <th data-options="field:'bhxh',width:150">BHXH</th>
                        <th data-options="field:'bhyt',width:150">BHYT</th>
                        <th data-options="field:'bhtn',width:150">BHTN</th>
                        <th data-options="field:'congle',width:150">Cộng lễ</th>
                        <th data-options="field:'tienantrua',width:150">Tiền ăn trưa</th>
                        <th data-options="field:'ngaylamthem',width:80">Ngày làm thêm</th>
                        <th data-options="field:'tienconglamthem',width:150">TIền công làm thêm</th>
                        <th data-options="field:'chuthich',width:150">Chú thích</th>
                    </tr>
                </thead>
            </table>
            <div id="tb" style="height:auto">
        
                <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" onclick="accept()">Thi hành</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true" onclick="reject()">Hủy</a>
             </div>
             <script type="text/javascript">
        var editIndex = undefined;
        function endEditing(){
            if (editIndex == undefined){return true}
            if ($('#dg').datagrid('validateRow', editIndex)){
                var ed = $('#dg').datagrid('getEditor', {index:editIndex,field:'id'});
               
                $('#dg').datagrid('endEdit', editIndex);
                editIndex = undefined;
                return true;
            } else {
                return false;
            }
        }
        function onClickRow(index){
            if (editIndex != index){
                if (endEditing()){
                    $('#dg').datagrid('selectRow', index)
                            .datagrid('beginEdit', index);
                    editIndex = index;
                } else {
                    $('#dg').datagrid('selectRow', editIndex);
                }
            }
        }
        
        function accept(){
            if (endEditing()){
                $('#dg').datagrid('acceptChanges');
            }
        }
        function reject(){
            $('#dg').datagrid('rejectChanges');
            editIndex = undefined;
        }
        function getChanges(){
            var rows = $('#dg').datagrid('getChanges');
            alert(rows.length+' rows are changed!');
        }
        
    </script>
	</div>
	<div class="grid_16">
	   <a
            class="button_ok" onclick="tinhLuong()"> <span>Tính lương</span>
        </a> 
        <a
            class="button_ok" onclick="luu()"> <span>Lưu trữ</span>
        </a> 
        <a
            class="button_ok" id="button_ok"> <span>In bảng lương</span>
        </a> 
        <a
            class="button_ok" id="button_ok"> <span>In báo cáo</span>
        </a> 
        
        </div>
	</form>
</div>
{% endblock %}
